{% extends 'base.html' %}
{% load static %}
{% block content %}
<header class="masthead bg-index text-white text-center py-4">
  <div class="container d-flex align-items-center flex-column pt-2">
    <h2>Movies Store</h2>
    <p>Your Ticket to Unlimited Entertainment!</p>
  </div>
</header>
<div class="p-3">
  <div class="container">
    <div class="row mt-3">
      <div class="col mx-auto text-center mb-3">
          <h2>About</h2>
          <hr />
          <p>
              At Movies Store, we offer a vast digital library
              that spans across genres, ensuring there's
              something for every movie lover. Browse our
              extensive collection of films, including the
              latest releases, timeless classics, and hidden
              gems. With just a few clicks, you can rent or
              purchase your favorite titles and instantly
              stream them in high-definition quality.
          </p>
          <p>
              Discover the convenience of our digital platform,
              where you have the flexibility to watch movies
              on your preferred device, whether it's a smart
              TV, tablet, or smartphone. With our intuitive
              search and recommendation features, finding your
              next movie night pick has never been easier.
          </p>
      </div>
        <div class="col-md-6 mx-auto mb-3 text-center mb-3">
            <img src="{% static 'img/about.jpg' %}" class="max-width-100" alt="about" />
        </div>
    </div>
  </div>
</div>
{% endblock content %}